<html>
<head>

	<link rel="stylesheet" href="core.css" type="text/css" />	
	<link rel="stylesheet" href="debug.css" type="text/css" />

	<script src="http://random.corp.meebo.com/~abel/js/jquery.js"></script>
	<script src="http://random.corp.meebo.com/~abel/js/jquery-ui.min.js"></script>
	<script src="http://random.corp.meebo.com/~abel/js/jquery.template.js"></script>

	<script src="ControlPanel.js"></script>
	<script src="CanvasV2.js"></script>
	<script src="CanvasObjectV2.js"></script>
	<script src="layout.js"></script>
	<script src="debug.js"></script>

	<script>
	
		function evalConsoleLine( line ) {
			var tokens = line.split(" ");
			var cmd = tokens[0];
			
			if (cmd == "clear" || cmd == "c") {
				$("console_output").empty();
			} else if (cmd == "e" || cmd == "eval") {
  				cprint("Eval: " + tokens[1]);
  				eval(tokens[1] + ";");
  			} else if (cmd == "d" || cmd == "debug") {
  				if (tokens[1] == "canvas") {
  					Canvas.debug = !Canvas.debug;
  				} else if (tokens[1] == "canvasobject") {
  					CanvasObject.debug = !CanvasObject.debug;
  				}
  			}
  			
		}
	
		$(function() {
			initDebug("#debug");
		});
		
		function initApp() {
			initCanvas();
			initControlPanel();
		}
	
	</script>
	
</head>

<body>

<div id="debug"></div>

<h2>Div Layout Tool</h2>

<div id="container">

	<table width="100%" style="height: 90%;"><tr>

	<td style="vertical-align: top;">
	<div id="control_panel_container" class="control_panel_container">
	
		<!--
		<div id="canvas_controls" class="control_group">
			
		</div>
		
		<div id="object_controls" class="control_group">
			
		</div>

		<div id="button_controls">
			<input id="export_button" type="button" value="Export Canvas">
			<input id="exportobject_button" type="button" value="Export Object">
		</div>
		-->
	
	</div>

	<td id="canvas_container" class="canvas_container ui-selectable" style="">
	
		

	</tr></table>

</div>

</body>
</html>